<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
	<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="full-screen" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="address=no">
	
	<!-- import CSS -->
	<link rel="stylesheet" href="assets/css/style.css">
	<link rel="stylesheet" href="assets/css/jquery-weui.css">
	<script src="assets/js/jquery.js"></script>

</head>

<body>
<!-- 顶部 -->
<div class="head">
	<div class="head_back"><a href="index.html"><img src="assets/images/arrow.png"></a></div>
    <div class="head_txt">新增地址</div>
    <div class="home_back"><a href="index.html"><img src="assets/images/home_1.png"></a></a></div>
</div>

<div class="add-address-main">	
	<div class="address-box">
		<ul>
			<li>
				<span>联系人</span>
				<div>
					<input type="text" name="" value="" placeholder="名字">
				</div>
			</li>
			<li>
				<span>手机号码</span>
				<div>
					<input type="text" name="" value="" placeholder="11位手机号">
				</div>
			</li>
			<li>
				<span>选择地区</span>
				<div>
          			<input id="home-city" type="text" placeholder="地区信息">
				</div>
			</li>
			<li>
				<span>详细地区</span>
				<div>
					<input type="text" name="" value="" placeholder="街道门派信息">
				</div>
			</li>
			<li>
				<span>邮政编码</span>
				<div>
					<input type="text" name="" value="" placeholder="邮政编码">
				</div>
			</li>
		</ul>
	</div>
</div>

<script src="assets/js/jquery-weui.js"></script>
<script src="assets/js/city-picker.js"></script>
<script src="assets/js/public.js"></script>
<script>
	$("#home-city").cityPicker({
		title: "选择目的地",
		showDistrict: false,
		onChange: function (picker, values, displayValues) {
			console.log(values, displayValues);
		}
	});
</script>
</body>
</html>